<!DOCTYPE html>
<html lang="zh_CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>关于我</title>
    <link rel="stylesheet" href="/BooksSystem/admin/css/main.css">
    <link rel="stylesheet" href="/BooksSystem/admin/css/font-awesome.min.css">
    <script src="/BooksSystem/admin/js/jquery-3.6.0.min.js"></script>
</head>

<body>
    <div class="main">
        <!-- 顶部导航条 -->
        <div class="top_bar">
            <div class="user">
                <div>
                    <span>
                        <script>
                            //读取cookies 
                            function getCookie(name) {
                                var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
                                if (arr = document.cookie.match(reg)) {
                                    return unescape(arr[2]);
                                } else {
                                    return null;
                                }
                            }
                            document.write("当前用户：" + getCookie("user_name"));
                        </script>
                    </span>
                    <i class="fa fa-angle-down"></i>
                    <ul>
                        <li><a href="">关于我</a></li>
                        <li><a href="">退出登录</a></li>
                    </ul>
                </div>

            </div>
        </div>
        <!-- 侧边菜单栏 -->
        <div class="left_bar">
            <div class="log">
                <img src="/BooksSystem/admin/images/log.png" alt="后台管理">
                <span>后台管理</span>
            </div>
            <div class="menu">
                <ul class="accordion">
                    <li>
                        <label><i id="menu_log" class="fa fa-home"></i><a href="adminmain">首页</a></i></label>
                    </li>
                    <li>
                        <input type="radio" name="item" id="item">
                        <label for="item"><i id="menu_log" class="fa fa-home"></i>管理员管理<i id="direction"
                                class="fa fa-angle-down"></i></label>
                        <ol>
                            <li>
                                <a href="adminlist">管理员列表</a>
                            </li>
                            <li>
                                <a href="">下方授权id</a>
                            </li>

                        </ol>
                    </li>
                    <li>
                        <label><i id="menu_log" class="fa fa-home"></i><a href="">用户管理</a></label>
                    </li>
                    <li>
                        <label><i id="menu_log" class="fa fa-home"></i><a href="">关于我</a></label>
                    </li>
                </ul>
            </div>
            <script>
                $("input[type='radio']").on('click', function () {
                    const radioId = $(this)[0].id;
                    if (($(this).data('ischecked') === true) && (window.radioId === radioId)) {
                        $(this).prop('checked', false);
                        $(this).data('ischecked', false);

                    } else {
                        $(this).prop('checked', true);
                        $(this).data('ischecked', true);
                    }
                    window.radioId = radioId;
                });
            </script>
        </div>
        <!-- 右侧内容栏 -->
        <div class="right_main">
            <link rel="stylesheet" href="/BooksSystem/admin/css/about_me.css">
            <div class="about_me">
                <h1>关于我</h1>
                <div class="details">
                    <ul>
                        <li><span class="key">用户：</span><span class="value">666688882233</span></li>
                        <li><span class="key">姓名：</span><span class="value">666688882233</span></li>
                        <li><span class="key">性别：</span><span class="value">666688882233</span></li>
                        <li><span class="key">年龄：</span><span class="value">666688882233</span></li>
                        <li><span class="key">授权id：</span><span class="value">666688882233</span></li>
                        <li><span class="key">用户名：</span><span class="value">666688882233</span><i class="fa fa-pencil-square-o"></i></li>
                        <li><span class="key">密码：</span><span class="value">················</span><i class="fa fa-pencil-square-o"></i></li>
                        <li><span class="key">邮箱：</span><span class="value">666688882233</span></li>
                        <li><span class="key">授权时间：</span><span class="value">666688882233</span></li>
                    </ul>
                    <div class="hidden">
                        <div class="cusr_page">
                            <span>修改用户名</span>
                            <input type="text" placeholder="请输入新用户名..." class="usr_text">
                            <input type="button" value="确定" class="determine">
                            <input type="button" value="取消" class="cancel">
                        </div>
                        <div class="cpwd_page">
                            <span>修改密码</span>
                            <input type="text" placeholder="请输入新密码..." class="pwd_text">
                            <input type="text" placeholder="再次输入密码..." class="repwd_text">
                            <input type="button" value="确定" class="determine">
                            <input type="button" value="取消" class="cancel">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 页脚 -->
        <div class="footer">
            <div>
                <a href="http://ten-fei.gitee.io" target="_blank">
                    © 2021 OuYang-TengFei Copyright
                </a>
            </div>
        </div>
    </div>
</body>

</html>